<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../assets/layui/layui-v2.5.4/css/layui.css"  media="all">
</head>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<body>

<!--图片模板-->
<script type="text/html" id="imgtmp">
    <img src="{{d.head_picture}}" style="height: 50px ;width: 50px;">
</script>
<!--表格操作模板-->
<script type="text/html" id="guestBar">
    <a class="layui-btn layui-btn-xs" lay-event="detail">详情</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<div class="layui-row">
    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
        <!--工具栏-->
        <script type="text/html" id="guestToolBar">
            <div class="input-group">
                <div class="layui-row">
                    <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1" style="width: 5%;">
                        <label class="layui-form-label">姓名：</label>
                    </div>
                    <div class="layui-col-xs2 layui-col-sm2 layui-col-md2 layui-col-lg2" style="width: 13%;">
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                                <input type="tel" name="guestName" placeholder="请输入姓名" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1" style="width: 5%;">
                        <label class="layui-form-label">性别：</label>
                    </div>
                    <div class="layui-col-xs2 layui-col-sm2 layui-col-md2 layui-col-lg2" style="width: 13%;">
                        <form class="layui-form" action="">
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <select name="modules" id="currentSex" lay-verify="required" lay-search="">
                                        <option value="">选择或输入搜索</option>
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1">
                        <button class="layui-btn layui-btn-md" id="guest_search_id" data-type="reload">
                            <i class="layui-icon" style="font-size: initial;"></i> 搜索
                        </button>
                    </div>

                </div>
            </div>
        </script>

        <!--表格-->
        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
                <table class="layui-hide" id="guestTable" lay-filter="guestTable"></table>
            </div>
        </div>
    </div>
</div>

<script src="../../assets/layui/layui-v2.5.4/layui.js" charset="utf-8"></script>
<script src="../../assets/js/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="../../assets/js/pages-js/guest.js" charset="utf-8"></script>

</body>
</html>